.root {
    -fx-font-family: "微软雅黑";
    -fx-background-color: transparent;
}

.tabButton:hover {
    -fx-text-fill: lightgray;
}

#content {
    -fx-alignment: center-left;
}

.tabButton {
    -fx-background-color: #3d4369;
    -fx-text-fill: white;
}

.alternate-row {
    -fx-background-color: #DCDCDC;
}

/* Input Demo */

.text-field {
    -fx-max-width: 1000;
}

.jfx-text-field, .jfx-password-field {
    -fx-background-color: WHITE;
    -fx-font-weight: BOLD;
    -fx-prompt-text-fill: #808080;
    -fx-alignment: top-left;
    -jfx-focus-color: #4059A9;
    -jfx-unfocus-color: #4d4d4d;
    -fx-max-width: 300;
}

.config .scroll-bar:horizontal {
    -fx-opacity: 0;
}

.jfx-decorator {
    -fx-decorator-color: #636782FF;
    -fx-background-radius: 10 10 0 0;
}

.jfx-decorator .jfx-decorator-buttons-container {
    -fx-background-color: -fx-decorator-color;
    -fx-background-radius: 10 10 0 0;
}

.jfx-decorator .resize-border {
    -fx-border-color: #4d4d4d;
    -fx-border-radius: 0 0 10 10;
}

/**
    窗口顶部圆角（配合 jfx-decorator-buttons-container 一起使用）
 */
.my_decorator {
    -fx-background-radius: 10 10 0 0;
}

/**
    窗口标题圆角
 */
.my_decorator .jfx-decorator-buttons-container {
    -fx-background-radius: 10 10 0 0;
}

/**
   窗口底部圆角
 */
.my_decorator .resize-border {
    -fx-border-radius: 0 0 10 10;
}

.pagination .pagination-control .label {
    visibility: hidden;
}

.pagination > .pagination-control > .control-box > .number-button,
.pagination > .pagination-control > .control-box > .bullet-button,
.pagination > .pagination-control > .control-box > .left-arrow-button,
.pagination > .pagination-control > .control-box > .right-arrow-button {
    -fx-text-fill: #8693b9;
    -fx-background-color: transparent;
    -fx-font-size: 14px;
    -fx-min-width: 30;
    -fx-min-height: 30;
}

.pagination > .pagination-control > .control-box > .number-button:hover,
.pagination > .pagination-control > .control-box > .bullet-button:hover,
.pagination > .pagination-control > .control-box > .left-arrow-button:hover,
.pagination > .pagination-control > .control-box > .right-arrow-button:hover {
    -fx-text-fill: white;
}

.pagination > .pagination-control > .control-box > .number-button:selected,
.pagination > .pagination-control > .control-box > .bullet-button:selected {
    -fx-background-insets: 0;
    -fx-text-fill: white;
}

.jfx-check-box {
    -fx-font-weight: BOLD;
}


/* Button */
.button {
    /*-fx-padding: 0.7em 0.57em;*/
    -fx-font-size: 14px;
}

.no-data-table .label {
    -fx-text-fill: white;
}

.button-raised {
    -fx-padding: 0.7em 0.57em;
    -fx-font-size: 14px;
    -jfx-button-type: RAISED;
    -fx-background-color: rgb(77, 102, 204);
    -fx-pref-width: 200;
    -fx-text-fill: WHITE;
}

/**
    滚动条样式
 */
.scroll-bar {
    -fx-pref-width: 10px;
    -fx-pref-height: 10px;
}

.scroll-bar:horizontal {
    -fx-background-color: #2e344e;
}

.scroll-bar:horizontal .thumb {
    -fx-background-color: #454d75;
}

.scroll-bar:vertical {
    -fx-background-color: #2e344e; /* 设置垂直滚动条的背景颜色 */
}

.scroll-bar:vertical .thumb {
    -fx-background-color: #454d75; /* 设置垂直滚动条的背景颜色 */
}

/* jfxListView 中滚动条样式 */
.jfx-list-view .scroll-bar {
    -fx-background-color: transparent;
    -fx-border-color: transparent;

}

.jfx-list-view .scroll-bar:horizontal .track,
.jfx-list-view .scroll-bar:vertical .track {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-background-radius: 2em;
    -fx-border-radius: 2em;
}

/* The increment and decrement button CSS class of scrollbar */
.jfx-list-view .scroll-bar:horizontal .increment-button,
.jfx-list-view .scroll-bar:horizontal .decrement-button {
    -fx-background-color: transparent;
    -fx-background-radius: 0em;
    -fx-padding: 0 0 10 0;
}

/* The increment and decrement button CSS class of scrollbar */

.jfx-list-view .scroll-bar:vertical .increment-button,
.jfx-list-view .scroll-bar:vertical .decrement-button {
    -fx-background-color: transparent;
    -fx-background-radius: 0em;
    -fx-padding: 0 5 0 10;

}

.jfx-list-view .scroll-bar .increment-arrow,
.jfx-list-view .scroll-bar .decrement-arrow {
    -fx-shape: " ";
    -fx-padding: 0;
}

/* The main scrollbar **thumb** CSS class which we drag every time (movable) */
.jfx-list-view .scroll-bar:horizontal .thumb,
.jfx-list-view .scroll-bar:vertical .thumb {
    -fx-background-color: derive(rgb(47, 61, 106), 90%);
    -fx-background-insets: 2, 0, 0;
    -fx-background-radius: 2em;
}

.jfx-list-cell .jfx-rippler {
    -jfx-rippler-fill: #3a4063;
    -fx-background-radius: 10px;
}


.jfx-list-view {
    -fx-background-insets: 0.0;
    -jfx-cell-horizontal-margin: 0.0;
    -jfx-cell-vertical-margin: 5.0;
    -jfx-vertical-gap: 10.0;
    -jfx-expanded: true;
}

.jfx-list-cell:odd:selected > .jfx-rippler > StackPane, .jfx-list-cell:even:selected > .jfx-rippler > StackPane {
    -fx-background-color: rgba(5, 5, 6, 0.2);
}

.jfx-list-cell-content-container {
    -fx-alignment: center-left;
}

.jfx-list-cell-container .label {
    -fx-text-fill: WHITE;
}

/* Tab选中的时候选中其边框并修改样式 */
.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-border-radius: 0px;
    -fx-border-width: 1px 1px 1px 1px;
}

/**
    下拉选样式
 */
.combo-box {
    -fx-background-color: #c3c7e4;
    -jfx-focus-color: transparent;
    -jfx-unfocus-color: transparent;
    -fx-text-fill: #FFFFFF;
}

.combo-box-popup .list-view {
    -fx-background-color: transparent;
    /*-fx-background-radius: 5;*/
    -fx-padding: 0 0 0 10;
}

.combo-box-popup .list-view .jfx-list-cell:odd,
.combo-box-popup .list-view .jfx-list-cell:even {
    -fx-background-color: #585c76;
    -fx-background-radius: 5;
    -fx-border-width: 0 0 1 0;
    -fx-border-color: #5f6d87;
    -fx-border-radius: 5;
    -fx-text-fill: WHITE !important;
}

.combo-box-popup .list-view .jfx-list-cell:hover,
.combo-box-popup .list-view .jfx-list-cell:filled:selected {
    /*-fx-background-radius: 5px;*/
    -fx-background-color: #59608a !important;
}

.combo-box-popup .jfx-list-cell:odd:selected > .jfx-rippler > StackPane,
.combo-box-popup .jfx-list-cell:even:selected > .jfx-rippler > StackPane {
    -fx-background-color: #59608a;
    /*-fx-background-radius: 5px;*/
}

.combo-box-popup .list-view .jfx-list-cell .label {
    -fx-text-fill: WHITE !important;
}

.combo-box .combo-box-selected-value-container {
    -fx-border-color: transparent;
    -fx-text-fill: WHITE;
}

.combo-box .list-cell .label {
    -fx-text-fill: #ffffff !important;
    -fx-prompt-text-fill: #ffffff !important;
}

.combo-box .list-cell {
    -fx-text-fill: #ffffff !important;
    -fx-prompt-text-fill: #ffffff !important;
}

.jfx-combo-box > .input-line {
    -fx-text-fill: #0a0909;
}

.jfx-combo-box > .text-field {
    -fx-text-fill: #0a0909;
}

.jfx-combo-box > .input-focused-line {
    -fx-text-fill: #0a0909;
}

.combo-box .scroll-bar:vertical .increment-button,
.combo-box .scroll-bar:vertical .decrement-button {
    -fx-background-color: transparent;
    -fx-background-radius: 0em;
    -fx-padding: 0 5 0 10;

}

.combo-box .scroll-bar .increment-arrow,
.combo-box .scroll-bar .decrement-arrow {
    -fx-shape: " ";
    -fx-padding: 0;
}

/**
 下拉选按钮样式
 */
.combo-box-base > .arrow-button > .arrow {
    -fx-background-color: white;
    /*-fx-padding: 0.333333em 0.229em 0.333333em 0.229em; !* 4 *!*/
    -fx-shape: "M614.286 274.286q0-7.429-5.714-13.143l-28.571-28.571q-5.714-5.714-13.143-5.714t-13.143 5.714l-224.571 224.571-224.571-224.571q-5.714-5.714-13.143-5.714t-13.143 5.714l-28.571 28.571q-5.714 5.714-5.714 13.143t5.714 13.143l266.286 266.286q5.714 5.714 13.143 5.714t13.143-5.714l266.286-266.286q5.714-5.714 5.714-13.143z";
}

/*
 * TREE TABLE CSS
 */

/**
 table样式
 */
.table-view {
    -fx-background-color: #5F6D87FF;
    /*-fx-border-color: #595b6f !important;*/
    /*-fx-border-width: 1;*/
    -fx-text-fill: #ffffff !important;
    -fx-background-radius: 5;
    -fx-padding: 5
}

/**
   无数据时提示信息
 */
.table-view .placeholder .label {
    -fx-text-fill: #ffffff !important;
}

.table-view .column-header {
    /*-fx-border-color: transparent;*/
    -fx-background-color: #585c77 !important;
    -fx-alignment: center;
    -fx-pref-height: 40;
    /*-fx-background-radius: 5;*/
}

.table-view .column-header .label {
    -fx-text-fill: #fff !important;
}

.table-view .column-header-background .filler {
    -fx-background-color: #585c77 !important;
    /*-fx-padding: 1em;*/
}

/*表格列*/
.table-column {
    -fx-background-color: transparent;
    -fx-alignment: center;
    -fx-border-width: 0 0 0 0 !important;
    /*-fx-border-color: #595b6f !important;*/
}

.table-view .table-cell {
    -fx-text-fill: #fff;
    -fx-border-width: 0 0 1 0 !important;
    -fx-pref-height: 30px;
    -fx-background-color: transparent;

}

.table-view .table-row-cell {
    -fx-background-color: transparent; /* 设置行单元格的背景为透明 */
}

/**
    滚动条按钮样式
 */
.table-view .scroll-bar:horizontal {
    -fx-opacity: 0; /* 隐藏横向滚动条 */
    -fx-pref-height: 0; /* 设置滚动条的高度为0 */
}

.table-view .scroll-bar:horizontal .thumb,
.table-view .scroll-bar:vertical .thumb {
    -fx-background-color: derive(rgb(47, 61, 106), 90%);
    -fx-background-insets: 2, 0, 0;
    -fx-background-radius: 2em;
}

.table-view .scroll-bar:vertical .increment-button,
.table-view .scroll-bar:vertical .decrement-button {
    -fx-background-color: transparent;
    -fx-background-radius: 0em;
    -fx-padding: 0 5 0 10;

}

.table-view .scroll-bar .increment-arrow,
.table-view .scroll-bar .decrement-arrow {
    -fx-shape: " ";
    -fx-padding: 0;
}

.table-view .scroll-bar:vertical {
    -fx-background-color: #585c76; /* 设置垂直滚动条的背景颜色 */
}

.table-view .combo-box .list-cell {
    -fx-text-fill: #ffffff !important;
    -fx-prompt-text-fill: #ffffff !important;
    -fx-background-color: #464c74;
}

.table-view .combo-box .list-cell:odd:hover,
.table-view .combo-box .list-cell:even:hover {
    -fx-background-color: #6e7bae;
}

.table-row-cell:selected .id {
    -fx-background-color: #59608a !important; /* 设置为您想要的选中颜色 */
    -fx-text-fill: white !important; /* 设置选中行的文字颜色 */
}

.table-row-cell:selected {
    -fx-background-color: #59608a !important; /* 设置为您想要的选中颜色 */
    -fx-text-fill: white !important; /* 设置选中行的文字颜色 */
}

.table-row-cell:selected .cellColor {
    -fx-background-color: #59608a !important; /* 设置为您想要的选中颜色 */
    -fx-text-fill: white !important; /* 设置选中行的文字颜色 */
}

.animated-option-button {
    -fx-background-color: #d8daf1;
    -fx-background-radius: 50px;
    -fx-pref-height: 50px;
    -fx-pref-width: 50px;
    -fx-min-width: -fx-pref-width;
    -fx-max-width: -fx-pref-width;
    -fx-min-height: -fx-pref-height;
    -fx-max-height: -fx-pref-height;
    -jfx-button-type: RAISED;
}

.animated-option-button .jfx-rippler {
    -jfx-rippler-fill: rgb(0, 7, 2);
}

.sub-icon {
    -fx-fill: rgb(113, 118, 114);
}

.main-button {
    -fx-pref-width: 50px;
    -fx-background-color: #0F9D58;
    -fx-background-radius: 50px;
    -fx-pref-height: 50px;
    -fx-min-width: -fx-pref-width;
    -fx-max-width: -fx-pref-width;
    -fx-min-height: -fx-pref-height;
    -fx-max-height: -fx-pref-height;
    -jfx-button-type: RAISED;
}

.main-button .jfx-rippler {
    -jfx-rippler-fill: rgba(255, 255, 255, .87);
}

.main-icon {
    -fx-fill: rgba(255, 255, 255, .87);
}

.header {
    -fx-background-color: #070f29;
    -fx-border-color: #494F6EFF;
    -fx-border-width: 0 0 1 0;
}

.body {
    -fx-background-color: #2d3450;
}

.plan {
    -fx-border-color: #ffffff;
    -fx-border-width: 1;
    -fx-border-radius: 5px;
}

.dialog_bottom {
    -fx-border-color: #494F6EFF;
    -fx-border-width: 0 0 1 0;
}

.my_input {
    /*-fx-background-color: #7d819b;*/
    -fx-text-fill: #ffffff;
}

/**
   textArea
 */
.text-area {
    -fx-background-color: #ffffff; /* 背景颜色 */
    -fx-text-fill: #000000; /* 文本颜色 */
    /*-fx-border-color: #ffffff;     !* 边框颜色 *!*/
    -fx-background-radius: 5; /* 边框圆角 */
    /*-fx-border-width: 1px;         !* 边框宽度 *!*/
    -fx-padding: 5px; /* 内边距 */
    -fx-font-size: 14px; /* 字体大小 */
    -fx-font-family: "Arial";      /* 字体 */
    -fx-border-color: transparent;
}

.text-area:focused .content {
    -fx-background-color: #ffffff;
    -fx-border-color: transparent;
    -fx-border-width: 0;
    -fx-padding: 5px;
}

.text-area .content {
    -fx-background-color: #ffffff;
    -fx-background-radius: 0 !important;
    -fx-border-radius: 0 !important;
    -fx-border-color: transparent;
    -fx-padding: 5px;
}
.text-area .scroll-bar:horizontal {
    -fx-background-color: transparent; /* 设置垂直滚动条的背景颜色 */
}
.text-area .scroll-bar:horizontal .thumb,
.text-area .scroll-bar:vertical .thumb {
    -fx-background-color: derive(rgb(204, 206, 212), 90%);
    -fx-background-insets: 2, 0, 0;
    -fx-background-radius: 2em;
}

.text-area .scroll-bar:vertical .increment-button,
.text-area .scroll-bar:vertical .decrement-button {
    -fx-background-color: transparent;
    -fx-background-radius: 0em;
    /*-fx-padding: 0 5 0 10;*/

}

.text-area .scroll-bar .increment-arrow,
.text-area .scroll-bar .decrement-arrow {
    -fx-shape: ""; /* 移除箭头的形状 */
    -fx-padding: 0; /* 去除内边距 */
    -fx-background-color: transparent; /* 设置背景透明 */
    -fx-pref-width: 0; /* 设置首选大小为0，确保不占用空间 */
    -fx-min-size: 0; /* 设置最小大小为0 */
}

.text-area .scroll-bar:vertical .track {
    -fx-background-color: #d9dadf; /* 轨道背景颜色 */
    -fx-background-radius: 10; /* 设置轨道圆角 */
}

.text-area .scroll-bar:horizontal .track {
    -fx-background-color: #76777e; /* 轨道背景颜色 */
    -fx-background-radius: 10; /* 设置轨道圆角 */
}

.text-area .scroll-bar:vertical {
    -fx-background-color: transparent; /* 设置垂直滚动条的背景颜色 */
}

.text-area .scroll-bar:horizontal {
    -fx-background-color: transparent; /* 设置垂直滚动条的背景颜色 */
}

/**
    卡片默认颜色
 */
.jfx-list-cell:odd,
.jfx-list-cell:even {
    -fx-background-color: #3a4063;
    -fx-background-radius: 10px;
}

/*
    卡片选中颜色
 */
.jfx-list-cell:odd:selected > .jfx-rippler > StackPane,
.jfx-list-cell:even:selected > .jfx-rippler > StackPane {
    -fx-background-color: #606794;
    -fx-background-radius: 10px;
}

.purple {
    -fx-background-color: rgba(255, 0, 255, 0.2) !important;
    -fx-background-color: #693473 !important;
    -fx-background-radius: 3px;
}

.green {
    -fx-background-color: rgba(27, 128, 5, 0.64) !important;
    -fx-background-color: #337447 !important;
    -fx-background-radius: 3px;
}

.yellow {
    -fx-background-color: rgba(255, 204, 0, 0.2) !important;
    -fx-background-color: #858935 !important;
    -fx-background-radius: 3px;
}

.red {
    -fx-background-color: rgba(255, 0, 0, 0.2) !important;
    -fx-background-color: #873337 !important;
    -fx-background-radius: 3px;
}

.blue {
    -fx-background-color: rgba(27, 63, 179, 0.5) !important;
    -fx-background-color: #364992 !important;
    -fx-background-radius: 3px;
}

.jfx-popup-container {
    -fx-background-color: WHITE;
    -fx-background-radius: 5px;
}

/***
 右键菜单
 */
.custom-popup .jfx-list-view {
    -fx-background-radius: 5px;
    -fx-pref-width: 140 !important;
    -jfx-expanded: false;
    -fx-background-color: #474d72;
    -fx-border-radius: 5px;
}

.custom-popup .jfx-list-view .jfx-list-cell:filled:hover {
    -fx-background-color: #59608a !important;
    -fx-text-fill: #FFFFFF !important;
}

.custom-popup .jfx-list-view .jfx-list-cell:filled:hover .label {
    -fx-text-fill: #FFFFFF !important;
}

/*.custom-popup .jfx-list-view .jfx-list-cell .custom-jfx-list-view-icon,*/
/*.custom-popup .jfx-list-view .jfx-list-cell:filled:hover .custom-jfx-list-view-icon,*/
/*.custom-popup .jfx-list-view .jfx-list-cell:selected .custom-jfx-list-view-icon {*/
/*    -fx-fill: #2f3d6a;*/
/*}*/

.custom-popup .jfx-list-view .jfx-list-cell:odd:selected,
.custom-popup .jfx-list-view .jfx-list-cell:even:selected {
    -fx-background-color: #59608a !important;
    -fx-text-fill: #FFFFFF !important;
}

.custom-popup .jfx-list-view .jfx-list-cell:odd:selected .label,
.custom-popup .jfx-list-view .jfx-list-cell:even:selected .label {
    -fx-text-fill: #FFFFFF !important;
}

.custom-popup .jfx-list-view .jfx-list-cell {
    /*-fx-background-insets: 0.0;*/
    -fx-background-color: transparent;
    -fx-text-fill: #ffffff !important;
}

.custom-popup .jfx-list .label {
    -fx-text-fill: #ffffff !important;
    -fx-prompt-text-fill: #ffffff !important;
}

.custom-popup .jfx-list-view .list-cell .label {
    -fx-text-fill: #ffffff !important;
}

.about-image {
    -fx-background-image: url('../icons/about.png');
    -fx-background-size: contain;
}

.custom-jfx-radio-button-blue {
    /*-fx-text-fill: #5264AE;*/
    -jfx-selected-color: #667fed;
    -jfx-unselected-color: #616569;
}

.text-flow {
    -fx-background-color: #5F6D87FF; /* 背景颜色 */
    -fx-background-radius: 5;
    -fx-font-family: "System";
    -fx-font-size: 12px;
}

.scrollPane {
    -fx-background-color: transparent; /* 设置 ScrollPane 背景颜色为透明 */
    -fx-border-color: transparent; /* 可选：去除边框 */
    -fx-background-radius: 5;
    -fx-border-radius: 5;
}

.scrollPane > .viewport {
    -fx-background-color: transparent;
}

.pannable {
    -fx-background-color: #5F6D87FF !important;
}

.scrollPane .scroll-bar:horizontal .thumb,
.scrollPane .scroll-bar:vertical .thumb {
    -fx-background-color: derive(rgb(47, 61, 106), 90%);
    -fx-background-insets: 2, 0, 0;
    -fx-background-radius: 2em;
}

.scrollPane .scroll-bar:vertical .increment-button,
.scrollPane .scroll-bar:vertical .decrement-button {
    -fx-background-color: transparent;
    -fx-background-radius: 0em;
    -fx-padding: 0 5 0 10;

}

.scrollPane .scroll-bar .increment-arrow,
.scrollPane .scroll-bar .decrement-arrow {
    -fx-shape: " ";
    -fx-padding: 0;
}

.scrollPane .scroll-bar:vertical {
    -fx-background-color: #585c76; /* 设置垂直滚动条的背景颜色 */
    -fx-background-radius: 10px;
}